<template>
	<view>
		<page-banner :show="false"></page-banner>
		<page-select  type="2" ></page-select>
		<view class="prodect-list" v-for="item1 in 30" :key="item1">
			<prodect-card type="2" v-for="item in 2" :key="item+1"></prodect-card>
		</view>
	</view>
</template>

<script>
	import pageBanner from '@/components/page-banner/page-banner.vue';
	import pageSelect from '@/components/page-select/page-select.vue';
	import prodectCard from '@/components/prodect-card/prodect-card.vue';


	export default {
		components: {
			pageBanner,
			pageSelect,
			prodectCard
		},
		data() {
			return {
				title: '霸王到',
				popup: true,
				isBtn: true
			};
		},
		computed: {
			getPadding() {
				return this.$store.state.systemInfo.statusBarHeight;
			}
		},
		onLoad() {},
		methods: {
			toLogin(index) {
				if (index === 1) {
					uni.navigateTo({
						url: '/pages/login/login'
					});
				} else {
					uni.navigateTo({
						url: '/pages/login-wx/login-wx'
					});
				}
			},
			btnShow() {
				this.isBtn = !this.isBtn;
			}
		}
	};
</script>

<style>
	page {
		background: #f4f4f4;
	}

	.prodect-list {
		width: calc(100% - 60rpx);
		display: flex;
		justify-content: space-between;
		margin: 20rpx 30rpx;
	}
</style>
